<!DOCTYPE html>
<style>
body * {
    display: flex;
    flex: 1;
}

#column1{
    flex-direction: column;
}
</style>
<script src="../../resources/check-layout.js"></script>
<script>
onload = function() {
    var container = document.getElementById("column2");

    container.innerText = "I like to eat eat eat apples and bananas.";
    container.offsetTop;
    container.innerText = '';
    checkLayout("#column1");
}
</script>
<body>
<div style="width: 100px;">
    <div id="column1" data-expected-height=0>
        <div></div>
    </div>
    <div id="column2">
    </div>
</div>
